.select_all {
	height: 60px;
}

.student_list {
	height: 70%;
	width: 100%;
}

.attentance_list {
	margin-top: 5%;
	margin-left: 5%;
}

ul li {
	width: 4em;
    display: inline-block;
    background-color: #9A9A9A;
    text-align: center;
    line-height: 30px;
    border-radius: 3px;
    padding: 0.2em 0.5em;
    margin: 5px;
    height: 30px;
    color: white;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.select_date{
	height: 30px;
	width:7.5em;
	background: #f2f2f2;
    border: solid 1px #8e84ff;
    border-radius: 5px;
    margin-left: 5%;
    margin-top: 3%;
}

.select_id{
	height: 33px;
	width:7.5em;
	background: #f2f2f2;
    border: solid 1px #8e84ff;
    border-radius: 5px;
    margin-left: 2px;
    margin-top: 3%;
    line-height: 1px;
}

span {
	margin-right: 5%;
	padding-left: 1%;
	width: 100px;
	height: 70px;
	border-left: solid 2px #8e84ff;
	text-align: right;
}


